@import "./base.css";

#app {
  /* 移除默认的最大宽度和边距限制，让登录页面全屏显示 */
  width: 100%;
  min-height: 100vh;
  font-weight: normal;
}

a,
.green {
  text-decoration: none;
  color: var(--orange-primary); /* 使用小橘主色调 */
  transition: 0.4s;
  padding: 3px;
}

@media (hover: hover) {
  a:hover {
    background-color: rgba(255, 127, 0, 0.1); /* 橙色悬停背景 */
  }
}

/* 移除桌面端的网格布局，让组件自己控制布局 */
@media (min-width: 1024px) {
  body {
    display: block; /* 改为块级布局 */
  }

  #app {
    display: block; /* 移除网格布局 */
    padding: 0; /* 移除默认内边距 */
  }
}
